/*
    -------- 准备阶段： 显示第一个tab ,颜色高亮
   （0）全局搜索
* （1） 发送3个Ajax 先将页面渲染出来 ： 如果事先我能够知道管理员界面也需要查询功能，就可以将函数抽离出来，现在抽离，有些麻烦
* （2） 再给生命周期按钮，绑定点击事件
* （3） 给详情按钮绑定事件
* （4）详情弹出层消失回去
* */

//准备阶段：-----------等待布置好页面，全部隐藏“ 显示数据的内容 ”，只显示 “ 在用设备信息 ”
function tongDis()
{
    for (let i = 0; i<$(".tong").length; i++)
    {
        $(".tong").eq(i).css({"display": "none"});
        $(".navFour").eq(i).css({"color": "#000"});
    }
}
// ------------切换页面，选中的单选框就不应该存在了
function radio_none(){
    var a = $("#dataBox input[type='radio']");
    for(let i=0; i<a.length; i++)
    {
        if($(a[i]).attr('checked'))
        {
            // 把选中设置回“ 未选中状态 ”
            $(a[i]).prop('checked', false);
        }
    }
}
tongDis();
$(".tong").eq(0).css({"display": "block"});
$(".navFour").eq(0).css({"color": "#009688"});


// --------------------------0. 相关信息查找功能-------------------------


function allSearch(urls,cond)
{
    $.ajax({
        type:"post",
        url: urls,
        data:{"condition":cond},
        async:true,
        dataType:"json",
        success:function(info){
            if(info.code != 0)
            {
                layui.use('layer', function(){
                    var layer = layui.layer;
                    layer.msg(info.msg, {skin:'tip_position',time:'3000'});
                });
                return;
            }

            var obj = info.data.content;

            var str1 = "";
            str1 =
                '<thead>'+
                '<tr>'+
                '<td><h4>在用设备信息</h4></td>'+
                '<td>资产编号</td>'+
                '<td>资产名称</td>'+
                '<td>使用状态</td>'+
                '<td>使用人</td>'+
                '<td>存放地点</td>'+
                '<td>价格</td>'+
                '</tr>'+
                '</thead>';
            var str = "";

            for(var i=0; i<obj.length; i++)
            {
                str+=
                    '<tr>'+
                    '<td><input name="status" type="radio" data-id="'+obj[i].equipmentNo+'" /></td>'+
                    '<td>'+obj[i].equipmentNo+'</td>'+
                    '<td>'+obj[i].equipmentName+'</td>'+
                    '<td>'+obj[i].useStatus+'</td>'+
                    '<td>'+obj[i].userName+'</td>'+
                    '<td>'+obj[i].place+'</td>'+
                    '<td>'+obj[i].price+'</td>'+
                    '</tr>';
            }
            // 创建一个tbody节点
            var tbody = '<tbody>'+str+'</tbody>';
            $("#dataTable1").empty();
            $("#dataTable1")[0].innerHTML += str1;
            $("#dataTable1")[0].innerHTML += tbody;
            //-----------*******这个就是分页的内容******-------------
            layui.use('laypage', function(){
                var laypage = layui.laypage;
                //执行一个laypage实例
                laypage.render({
                    elem: 'pagination1', //所放的div的id ，不用加#号
                    count: info.data.totalCount, //数据总数，从服务端得到
                    limit: info.data.pageSize, //每页显示几条
                    limits:[6],
                    groups: 5, // 连续出现的页码个数
                    curr: info.data.currentPage, //当前页
                    prev:'上一页',
                    next:'下一页',
                    layout:['count','prev', 'page', 'next','limit','limits','skip'],
                    jump: function(obj, first){
                        //  console.log(obj.curr); //得到当前页，以便向服务端请求对应页的数据。
                        //  console.log(obj.limit); //得到每页显示的条数
                        //首次不执行
                        if(!first){
                            //(1)指定下一次显示的页数 （2）不就不指定条数了
                            //发送新的ajax请求 ， 重新渲染数据
                            allSearch(allSearch_uri+obj.curr,$("#allSearchText").val());
                            // 在这就要删除以前出现在页面上的数据
                            $("#dataTable1").empty();
                        }
                    }
                });
            });

        },
        error:function(){
            layui.use('layer', function(){
                var layer = layui.layer;
                layer.msg('系统错误！！！', {skin:'tip_position',time:'3000'});
            });
        }
    });
}
//获取按钮发送ajax，请求
$("#allSearch").click(function(){
    var allSearchText = $("#allSearchText").val();
    allSearch(admin_search_basic+'1',allSearchText);
});


//-----------------------------1. 发送三个Ajax请求，装满tab选项卡----------------------------------------------------
//（1）这是第一个Ajax ， 请求在用的设备信息
function  myAjax1(urls){
    $.ajax({
        type:"get",
        url: urls ,
        async:true,
        dataType:"json",
        success:function(info){
            if(info.code != 0)
            {
                layui.use('layer', function(){
                    var layer = layui.layer;
                    layer.msg(info.msg, {skin:'tip_position',time:'3000'});
                });
                return;
            }

            var obj = info.data.content;
            var str1 = "";
            str1 =
                '<thead>'+
                '<tr>'+
                '<td><h4>在用设备信息</h4></td>'+
                '<td>资产编号</td>'+
                '<td>资产名称</td>'+
                '<td>使用状态</td>'+
                '<td>使用人</td>'+
                '<td>存放地点</td>'+
                '<td>价格</td>'+
                '</tr>'+
                '</thead>';
            var str = "";

            for(var i=0; i<obj.length; i++)
            {
                str+=
                    '<tr>'+
                    '<td><input name="status" type="radio" data-id="'+obj[i].equipmentNo+'" /></td>'+
                    '<td>'+obj[i].equipmentNo+'</td>'+
                    '<td>'+obj[i].equipmentName+'</td>'+
                    '<td>'+obj[i].useStatus+'</td>'+
                    '<td>'+obj[i].userName+'</td>'+
                    '<td>'+obj[i].place+'</td>'+
                    '<td>'+obj[i].price+'</td>'+
                    '</tr>';
            }
            // 创建一个tbody节点
            var tbody = '<tbody>'+str+'</tbody>';
            $("#dataTable1")[0].innerHTML += str1;
            $("#dataTable1")[0].innerHTML += tbody;
            //-----------*******这个就是分页的内容******-------------
            layui.use('laypage', function(){
                var laypage = layui.laypage;
                //执行一个laypage实例
                laypage.render({
                    elem: 'pagination1', //所放的div的id ，不用加#号
                    count: info.data.totalCount, //数据总数，从服务端得到
                    limit: info.data.pageSize, //每页显示几条
                    limits:[6],
                    groups: 5, // 连续出现的页码个数
                    curr: info.data.currentPage, //当前页
                    prev:'上一页',
                    next:'下一页',
                    layout:['count','prev', 'page', 'next','limit','limits','skip'],
                    jump: function(obj, first){
                        //obj包含了当前分页的所有参数，比如：
                        //  console.log(obj.curr); //得到当前页，以便向服务端请求对应页的数据。
                        //  console.log(obj.limit); //得到每页显示的条数
                        //首次不执行
                        if(!first){
                            //(1)指定下一次显示的页数 （2）不就不指定条数了
                            //发送新的ajax请求 ， 重新渲染数据

                            myAjax1(admin_zaiyong_basic+obj.curr);
                            // 在这就要删除以前出现在页面上的数据
                            $("#dataTable1").empty();
                        }
                    }
                });
            });

        },
        error:function(){
            layui.use('layer', function(){
                var layer = layui.layer;
                layer.msg('系统错误！！！', {skin:'tip_position',time:'3000'});
            });
        }
    });
}

//（2）第二个Ajax ，请求调出的设备信息
function myAjax2(urls){
    $.ajax({
        type:"get",
        url: urls ,
        async:true,
        dataType:"json",
        success:function(info){
            if(info.code != 0)
            {
                layui.use('layer', function(){
                    var layer = layui.layer;
                    layer.msg(info.msg, {skin:'tip_position',time:'3000'});
                });
                return;
            }
            var obj = info.data.content;
            var str1 = "";
            str1 =
                '<thead>'+
                '<tr>'+
                '<td><h4>调出设备的信息</h4></td>'+
                '<td>资产编号</td>'+
                '<td>资产名称</td>'+
                '<td>调出日期</td>'+
                '<td>调出单位</td>'+
                '<td>调入单位</td>'+
                '</tr>'+
                '</thead>';
            var str = "";
            for(var i=0; i<obj.length; i++)
            {
                str+=
                    '<tr>'+
                    '<td><input name="status" type="radio" data-id="'+obj[i].equipmentNo+'" /></td>'+
                    '<td>'+obj[i].equipmentNo+'</td>'+
                    '<td>'+obj[i].equipmentName+'</td>'+
                    '<td>'+obj[i].transerDate+'</td>'+
                    '<td>'+obj[i].transerOutUnit+'</td>'+
                    '<td>'+obj[i].transerInUnit+'</td>'+
                    '</tr>';
            }
            // 创建一个tbody节点
            var tbody = '<tbody>'+str+'</tbody>';
            $("#dataTable2")[0].innerHTML += str1;
            $("#dataTable2")[0].innerHTML += tbody;

            //-----------*******这个就是分页的内容******-------------
            layui.use('laypage', function(){
                var laypage = layui.laypage;
                //执行一个laypage实例
                laypage.render({
                    elem: 'pagination3', //所放的div的id ，不用加#号
                    count: info.data.totalCount, //数据总数，从服务端得到
                    limit: info.data.pageSize, //每页显示几条
                    limits:[6],
                    groups: 5, // 连续出现的页码个数
                    curr: info.data.currentPage, //当前页
                    prev:'上一页',
                    next:'下一页',
                    layout:['count','prev', 'page', 'next','limit','limits','skip'],
                    jump: function(obj, first){
                        //obj包含了当前分页的所有参数，比如：
                        //console.log(obj.curr); 得到当前页，以便向服务端请求对应页的数据。
                        // console.log(obj.limit); 得到每页显示的条数
                        //首次不执行
                        if(!first){
                            //(1)指定下一次显示的页数 （2）不就不指定条数了
                            //发送新的ajax请求 ， 重新渲染数据
                            myAjax2(admin_diaochu_basic+obj.curr);
                            // 在这就要删除以前出现在页面上的数据
                            $("#dataTable2").empty();
                        }
                    }
                });
            });
        },
        error:function(){
            layui.use('layer', function(){
                var layer = layui.layer;
                layer.msg('系统错误！！！', {skin:'tip_position',time:'3000'});
            });
        }
    });
}

//(3)第三个Ajax ，请求损毁的设备信息
function myAjax3(urls){
    $.ajax({
        type:"get",
        url: urls ,
        async:true,
        dataType:"json",
        success:function(info){
            if(info.code != 0)
            {
                layui.use('layer', function(){
                    var layer = layui.layer;
                    layer.msg(info.msg, {skin:'tip_position',time:'3000'});
                });
                return;
            }
            var obj = info.data.content;
            var str1 = "";
            str1 =
                '<thead>'+
                '<tr>'+
                '<td><h4>报损报废设备的信息</h4></td>'+
                '<td>资产编号</td>'+
                '<td>资产名称</td>'+
                '<td>报损还是报废</td>'+
                '<td>报损报废日期</td>'+
                '<td>资产类别</td>'+
                '</tr>'+
                '</thead>';
            var str = "";
            for(var i=0; i<obj.length; i++)
            {
                str+=
                    '<tr>'+
                    '<td><input name="status" type="radio" data-id="'+obj[i].equipmentNo+'" /></td>'+
                    '<td>'+obj[i].equipmentNo+'</td>'+
                    '<td>'+obj[i].equipmentName+'</td>'+
                    '<td>'+obj[i].damageOr+'</td>'+
                    '<td>'+obj[i].damageDate+'</td>'+
                    '<td>'+obj[i].equipmentCategory+'</td>'+
                    '</tr>';
            }
            // 创建一个tbody节点
            var tbody = '<tbody>'+str+'</tbody>';
            $("#dataTable3")[0].innerHTML += str1;
            $("#dataTable3")[0].innerHTML += tbody;

            //-----------*******这个就是分页的内容******-------------
            layui.use('laypage', function(){
                var laypage = layui.laypage;
                //执行一个laypage实例
                laypage.render({
                    elem: 'pagination4', //所放的div的id ，不用加#号
                    count: info.data.totalCount, //数据总数，从服务端得到
                    limit: info.data.pageSize, //每页显示几条
                    limits:[6],
                    groups: 5, // 连续出现的页码个数
                    curr: info.data.currentPage, //当前页
                    prev:'上一页',
                    next:'下一页',
                    layout:['count','prev', 'page', 'next','limit','limits','skip'],
                    jump: function(obj, first){
                        //obj包含了当前分页的所有参数，比如：
                        //console.log(obj.curr); 得到当前页，以便向服务端请求对应页的数据。
                        // console.log(obj.limit); 得到每页显示的条数
                        //首次不执行
                        if(!first){
                            //(1)指定下一次显示的页数 （2）不就不指定条数了
                            //发送新的ajax请求 ， 重新渲染数据
                            myAjax3(admin_damage_basic+obj.curr);
                            // 在这就要删除以前出现在页面上的数据
                            $("#dataTable3").empty();
                        }
                    }
                });
            });
        },
        error:function(){
            layui.use('layer', function(){
                var layer = layui.layer;
                layer.msg('系统错误！！！', {skin:'tip_position',time:'3000'});
            });
        }
    });
}

myAjax1(admin_zaiyong_basic+'1');
myAjax2(admin_diaochu_basic+'1');
myAjax3(admin_damage_basic+'1');

for (let i=0; i<$(".navFour").length; i++)
{
    $(".navFour").eq(i)[0].index = i;
    $(".navFour").eq(i).click(function(){
        var index = $(this)[0].index;
        switch (i)
        {
            case 0:
                //清空第一个tab页面
                $("#dataTable1").empty();
                $("#pagination1").empty();
                tongDis();
                radio_none();
                $(".tong").eq(index).css({"display": "block"});
                $(".navFour").eq(index).css({"color": "#009688"});
                // 查询框 、 确认按钮 显示出来
                $("#allSearchText").css({"display":"inline-block"});
                $("#allSearch").css({"display":"inline-block"});

                console.log('点击了再用');
                myAjax1(admin_zaiyong_basic+'1');
                break;
            case 1:
                tongDis();
                radio_none();
                // 当前选项卡显示
                $(".tong").eq(index).css({"display": "block"});
                $(".navFour").eq(index).css({"color": "#009688"});
                // 查询框 、 确认按钮  不可见
                $("#allSearchText").css({"display":"none"});
                $("#allSearch").css({"display":"none"});

                break;
            case 2:
                tongDis();
                radio_none();
                // 当前选项卡显示
                $(".tong").eq(index).css({"display": "block"});
                $(".navFour").eq(index).css({"color": "#009688"});
                // 查询框 、 确认按钮  不可见
                $("#allSearchText").css({"display":"none"});
                $("#allSearch").css({"display":"none"});

                break;
        }
    });
}

//-----------------------------------2. 给生命周期按钮绑定点击事件---------------------------------------------------------
$("#lifeCycle").click(function(){
    var ids = undefined;
    var a = $(" #dataBox input[type='radio'] ");
    for(let i=0; i<a.length; i++)
    {
        if($(a[i]).attr('checked')){
            ids = $(a[i]).attr("data-id");
        }
    }
    //为了避免 id为空，进行终止
    if(ids == undefined){
        layui.use('layer', function(){
            var layer = layui.layer;
            layer.alert('亲，勾选单选按钮哦', {
                skin: 'layui-layer-lan'
                ,closeBtn: 0
                ,anim: 4 //动画类型
            });
        });
        return;
    }
    function myAjax4(urls)
    {
        //---关键字段信息
        $.ajax({
            type:'get',
            url: urls,
            dataType:'json',
            success:function(info){
                //清空----第五个装数据的盒子
                $("#dataTable4").empty();
                if(info.code != 0)
                {
                    layui.use('layer', function(){
                        var layer = layui.layer;
                        layer.msg(info.msg, {skin:'tip_position',time:'3000'});
                    });
                    return;
                }
                // --------display 掉其他 界面: 确保拿到数据之后，在隐藏其他页面
                tongDis();
                $(".tong").eq(3).css({"display": "block"});

                var obj = info.data.content;
                var str1 = "";
                str1 =
                    '<thead>'+
                    '<tr>'+
                    '<td><h4>设备生命周期</h4></td>'+
                    '<td>使用人</td>'+
                    '<td>开始使用时间</td>'+
                    '<td>结束使用时间</td>'+
                    '<td>审核人</td>'+
                    '<td>备注信息</td>'+
                    '</tr>'+
                    '</thead>';
                var str = "";
                for(var i=0; i<obj.length; i++)
                {
                    str+=
                        '<tr>'+
                        '<td></td>'+
                        '<td>'+obj[i].userName+'</td>'+
                        '<td>'+obj[i].beginDate+'</td>'+
                        '<td>'+obj[i].endDate+'</td>'+
                        '<td>'+obj[i].auditor+'</td>'+
                        '<td>'+obj[i].remark+'</td>'+
                        '</tr>';
                }
                // 创建一个tbody节点
                var tbody = '<tbody>'+str+'</tbody>';
                $("#dataTable4")[0].innerHTML += str1;
                $("#dataTable4")[0].innerHTML += tbody;

                //-----------*******这个就是分页的内容******-------------

                layui.use('laypage', function(){
                    var laypage = layui.laypage;
                    //执行一个laypage实例
                    laypage.render({
                        elem: 'pagination5', //所放的div的id ，不用加#号
                        count: info.data.totalCount, //数据总数，从服务端得到
                        limit: info.data.pageSize, //每页显示几条
                        limits:[6],
                        groups: 5, // 连续出现的页码个数
                        curr: info.data.currentPage, //当前页
                        prev:'上一页',
                        next:'下一页',
                        layout:['count','prev', 'page', 'next','limit','limits','skip'],
                        jump: function(obj, first){
                            if(!first){
                                //(1)指定下一次显示的页数 （2）不就不指定条数了
                                //发送新的ajax请求 ， 重新渲染数据
                                myAjax4(admin_lifecycle+ids+'/'+obj.curr);
                                // 在这就要删除以前出现在页面上的数据
                                $("#dataTable4").empty();
                            }
                        }
                    });
                });

            },
            error:function(){
                layui.use('layer', function(){
                    var layer = layui.layer;
                    layer.msg('系统错误！！！', {skin:'tip_position',time:'3000'});
                });
            }
        });
    }

    myAjax4(admin_lifecycle+ids+'/1');
});


//-----------------------------------3. 给详情按钮绑定事件----------------------------------------------------------------
var flag_details = 1;
$("#detailedInfo").click(function(){
    var ids = undefined;
    var a = $(" #dataBox input[type='radio'] ");
    for(let i=0; i<a.length; i++)
    {
        if($(a[i]).attr('checked')){
            ids = $(a[i]).attr("data-id");
        }
    }
    //为了避免 id为空，进行终止
    if(ids == undefined){
        layui.use('layer', function(){
            var layer = layui.layer;
            layer.alert('亲，勾选单选按钮哦', {
                skin: 'layui-layer-molv' //样式类名
                ,closeBtn: 0
            });
        });
        return;
    }

    //渲染详细信息的界面
    $.ajax({
        url: admin_search_details+ids,
        type:"GET",
        async: true,
        dataType:"json",
        success: function(info){
            if(info.code != 0)
            {
                layui.use('layer', function(){
                    var layer = layui.layer;
                    layer.msg(info.msg, {skin:'tip_position',time:'3000'});
                });
                return;
            }
            var obj1 = info.data;
            var str1 = "";
            str1+=
                '<tr>'+
                '<td>设备编号</td>'+
                '<td>设备名称</td>'+
                '<td>当前使用状态</td>'+
                '<td>当前使用人</td>'+
                '<td>存放地点</td>'+
                '<td>细类别</td>'+
                '</tr>'+
                '<tr>'+
                '<td>'+obj1.equipmentNo+'</td>'+
                '<td>'+obj1.equipmentName+'</td>'+
                '<td>'+obj1.useStatus+'</td>'+
                '<td>'+obj1.userName+'</td>'+
                '<td>'+obj1.place+'</td>'+
                '<td>'+obj1.equipmentCategory+'</td>'+
                '</tr>';
            var str2 ="";
            str2+=
                '<tr>'+

                '<td>单价</td>'+
                '<td>型号</td>'+
                '<td>折旧状态</td>'+
                '<td>折旧年限</td>'+
                '<td>出货票号码</td>'+
                '</tr>'+
                '<tr>'+
                '<td>'+obj1.price+'</td>'+
                '<td>'+obj1.type+'</td>'+
                '<td>'+obj1.depreciationStatus+'</td>'+
                '<td>'+obj1.depreciationPeriod+'</td>'+
                '<td>'+obj1.shippingNo+'</td>'+
                '</tr>';
            var str3 = "";
            str3+=
                '<tr>'+
                    '<td>供货单位</td>'+
                    '<td>进货日期</td>'+
                    '<td>用途</td>'+
                    '<td>出产厂家</td>'+
                    '<td>制造号</td>'+
                    '<td>利用率</td>'+
                '</tr>'+
                '<tr>'+
                    '<td>'+obj1.deliveryUnit+'</td>'+
                    '<td>'+obj1.purchaseDate+'</td>'+
                    '<td>'+obj1.application+'</td>'+
                    '<td>'+obj1.manufacturer+'</td>'+
                    '<td>'+obj1.manufacturerNo+'</td>'+
                    '<td>'+obj1.shippingNo+'</td>'+
                '</tr>';
            var str4 = "";
            str4+=
                '<tr>'+
                    '<td>附件名称</td>'+
                    '<td>附件规格</td>'+
                    '<td>附件数量</td>'+
                    '<td>使用单位负责人</td>'+
                    '<td>采购人</td>'+
                    '<td>验收人</td>'+
                '</tr>'+
                '<tr>'+
                    '<td>'+obj1.attachmentName+'</td>'+
                    '<td>'+obj1.attachmentGuiGe+'</td>'+
                    '<td>'+obj1.attachmentNumber+'</td>'+
                    '<td>'+obj1.leaderOfUserUnit+'</td>'+
                    '<td>'+obj1.purchaser+'</td>'+
                    '<td>'+obj1.acceptor+'</td>'+
                '</tr>';
            var str5 = "";
            str5+=
                '<tr>'+
                    '<td>记账人</td>'+
                    '<td>利用率模板</td>'+
                    '<td>备注</td>'+
                '</tr>'+
                '<tr>'+
                    '<td>'+obj1.bookkeeper+'</td>'+
                    '<td>'+obj1.utilizationTemplate+'</td>'+
                    '<td>'+obj1.remark+'</td>'+
                '</tr>';
            $("#popUp table").eq(0).html(str1);
            $("#popUp table").eq(1).html(str2);
            $("#popUp table").eq(2).html(str3);
            $("#popUp table").eq(3).html(str4);
            $("#popUp table").eq(4).html(str5);

            $("#popUp").attr({"class":"popUpClick"});
            //让内容以弹出层的方式显示出来。
            if(flag_details==1){
                var width_fen = parseInt( $("#popUp").css("width") );
                width_fen = 571;
                $("#popUp")[0].style.marginLeft = -width_fen/2-120-60+'px';
                flag_details++;
            }else{
                var width_fen = parseInt( $("#popUp").css("width") );
                $("#popUp")[0].style.marginLeft = -width_fen/2-120-60+'px';
            }

        },
        error:function(){
            layui.use('layer', function(){
                var layer = layui.layer;
                layer.msg('系统错误！！！', {skin:'tip_position',time:'3000'});
            });
        }
    });
});


// --------------------------------4. 详情弹出层消失回去 -----------------------------------------------------
//---------------------------给弹出层写一下“ 按到非 弹出层区域就消失 ”--------------------
document.addEventListener('click',function(e){
    var parent=$(e.target).parents('.popUp,.bs');
    if(parent.length===0){
        //操作此区域
        $("#popUp").attr({"class":"popUp"});
    }
});



